<template>
  <div>
    <firefox-header></firefox-header>
    <firefox-content :firefoxC="firefoxC"></firefox-content>
  </div>
</template>

<script>
import axios from 'axios'
import FirefoxHeader from './components/Header'
import FirefoxContent from './components/Content'
export default {
  name: 'Firefox',
  components: {
    FirefoxHeader,
    FirefoxContent
  },
  data () {
    return {
      firefoxC: {}
    }
  },
  methods: {
    getFirefoxInfo () {
      axios.get('api/firefox.json')
        .then(this.handleGetFirefoxInfoSucc)
    },
    handleGetFirefoxInfoSucc (res) {
      res = res.data
      if (res.ret && res.data) {
        const data = res.data
        this.firefoxC = data.firefoxC
      }
    }
  },
  mounted () {
    this.getFirefoxInfo()
  }
}
</script>

<style>

</style>
